<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:rich="http://richfaces.org/rich"
                xmlns:a4j="http://richfaces.org/a4j"
                xmlns:f="http://java.sun.com/jsf/core">

    <rich:modalPanel id="panelTipoProblema" width="470" height="450" resizeable="false">
        <f:facet name="header">
            <h:panelGroup>
                <h:outputText value="Listado de TipoProblemas"></h:outputText>
            </h:panelGroup>
        </f:facet>
        <f:facet name="controls">
            <h:panelGroup>
                <h:graphicImage value="../imagenes/close.png" styleClass="hidelink" id="hidelink"/>
                <rich:componentControl for="panelTipoProblema" attachTo="hidelink" operation="hide" event="onclick"/>
            </h:panelGroup>
        </f:facet>
        <h:panelGrid id="pngListaTipoProblemas" columns="1">
            <rich:panel id="pnlFiltroBTipoProblema">
                <h:panelGrid id="pngBuscarTipoProblema" columns="6">
                    <h:outputText id="outFiltroBuscarTipoProblema" value="#{general.filtro}:" styleClass="texto_negrita_derecha"/>

                    <!-- Buscador -->
                    <h:selectOneMenu id="slmFiltroBuscarTipoProblema" value="#{gestorBuscarTipoProblemas.filtroBusqueda}" >
                        <f:selectItem id="sliCodigo" itemValue="#{general.codigo}" itemLabel="#{general.codigo}"/>
                        <f:selectItem id="sliNombreTipoProblema" itemValue="descripcion" itemLabel="TipoProblema"/>
                        <a4j:support id="supFiltrosBuscarTipoProblema" event="onchange" reRender="pngFiltrosBTipoProblema"
                                     actionListener="#{gestorBuscarTipoProblemas.inicializarFiltros}" ajaxSingle="true"/>
                    </h:selectOneMenu>

                    <h:inputText id="idValorBuscar" valueChangeListener="#{gestorBuscarTipoProblemas.buscarValor}" value="#{gestorBuscarTipoProblemas.valorBuscar}" title="Valor"
                                 maxlength="10">
                        <a4j:support id="supTexto" event="onchange" ajaxSingle="true"/>
                    </h:inputText>

                     <a4j:commandButton id="btnBuscarTipoProblemaF" value="Buscar" title="Buscador Empleado" reRender="pngListaTipoProblemas,pngFiltrosBTipoProblema,dttListaTipoProblemas"
                                        actionListener="#{gestorBuscarTipoProblemas.buscarValor}" action="#{gestorBuscarTipoProblemas.buscarValor}">

                    </a4j:commandButton>
                    <!-- FIN Buscador -->

                </h:panelGrid>
            </rich:panel>
            <rich:dataTable id="dttListaTipoProblemas" binding="#{gestorBuscarTipoProblemas.tablaTipoProblema}"
                            value="#{gestorBuscarTipoProblemas.listadoActual}" var="TipoProblema" rowKeyVar="row" rows="10">
                <f:facet id="fctHeadTipoProblema" name="header">
                    <h:outputText id="outHeadTipoProblema" value="TipoProblemas"/>
                </f:facet>
                <rich:column id="clmCITipoProblema" width="90px">
                    <f:facet id="fctClmHeadCi" name="header">
                        <h:outputText id="outClmHeadCi" value="#{general.codigo}" title="#{general.codigo}"/>
                    </f:facet>
                    <h:outputText id="outClmValCi" value="#{TipoProblema.codigo}"/>
                </rich:column>
                <rich:column id="clmTitTipoProblema" width="300px">
                    <f:facet id="fctClmHeadTit" name="header">
                        <h:outputText id="outClmHeadNom" value="#{general.titulo}"/>
                    </f:facet>
                    <h:outputText id="outClmValNom" value="#{TipoProblema.tipo}"/>
                </rich:column>

                <rich:column id="clmAccionesTipoProblema" label="Acciones" width="55px" sortable="false">
                    <f:facet id="fctClmAccionesTipoProblema" name="header">
                        <h:outputText id="outClmAccionesTipoProblema" value="Acciones" title="Acciones"/>
                    </f:facet>
                    <div id="divAccionesTipoProblema" align="center">
                        <a4j:commandButton id="btnAccionTipoProblema" actionListener="#{gestorBuscarTipoProblemas.seleccionarTipoProblema}" value="Ver"
                                           image="/imagenes/book_next.ico" ajaxSingle="true" reRender="#{gestorBuscarTipoProblemas.reRender}" title="Seleccionar TipoProblema"
                                           focus="#{gestorBuscarTipoProblemas.focus}" />
                    </div>
                </rich:column>


                <f:facet id="fctPieDetalleTProb" name="footer">
                    <rich:datascroller id="dtsDetalleTProb" for="dttListaTipoProblemas"/>
                </f:facet>
            </rich:dataTable>
        </h:panelGrid>
    </rich:modalPanel>
</ui:composition>
